<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>网络容量概览GIS页面</title>
  <link rel="stylesheet" type="text/css" href="./plugin/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="./plugin/leaflet-1.0.3/leaflet.css">
  <link rel="stylesheet" type="text/css" href="./plugin/leaflet-plugin/Leaflet.Coordinates/Leaflet.Coordinates-0.1.5.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" type="text/css" href="./css/gis.css">
  <style type="text/css">
    .leaflet-marker-icon,
    .leaflet-marker-shadow,
    .leaflet-image-layer,
    .leaflet-pane>svg path,
    .leaflet-tile-container {
      pointer-events: visible;
    }
  </style>
</head>

<body>
  <div>
    <div class="top-bar">
      <div class="top-bar__box" id="tab_box">
        <div class="top-bar__tab active" id="poor_ana">质差小区分析</div>
        <div class="top-bar__tab" id="expand_plan">扩减容规划</div>
      </div>
    </div>
    <div class="main-content">
      <div class="left-mapbox" id="map_box">
        <div class="map leaflet-grab" id="map"></div>
      </div>
      <div class="right-info active" id="poor_ana_info">
        <div class="right-info__phead">
          <div class="right-info__phead__top">
            <div class="right-info__ptitle"><span id="region_ptitle"></span>容量质差小区分布图</div>
            <div class="right-info__subptitle">
              <span>总小区数：</span>
              <span id="cell_num"></span>
            </div>
          </div>
          <div class="right-info__cellpie" id="chart_poor"></div>
        </div>
        <div class="right-info__pbody">
          <div class="right-info__cellname" id="cell_name"></div>
          <div class="right-info__cellinfobox">
            <table class="cell-table">
              <tr>
                <td>
                  <span class="name">上行PRB利用率：</span>
                  <span class="value" id="prb_up"></span>
                </td>
                <td>
                  <span class="name">问题类型：</span>
                  <span class="value" id="cell_type"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="name">上行业务时长：</span>
                  <span class="value" id="upb"></span>
                  <span class="value">小时</span>
                </td>
                <td>
                  <span class="name">严重程度：</span>
                  <span class="value" id="cell_level"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="name">上行16QAM及以上编码比例：</span>
                  <span class="value" id="up16qam"></span>
                </td>
                <td>
                  <span class="name">小区优化建议：</span>
                  <span class="value" id="cell_prop"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="name">下行PRB利用率：</span>
                  <span class="value" id="down_prb"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="name">小区自忙时的小区网络利用率：</span>
                  <span class="value" id="cell_ration"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="name">下行每PRB平均吞吐量：</span>
                  <span class="value" id="downPerPrb"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="name">有效RRC连接用户数：</span>
                  <span class="value" id="rrc"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="name">下行平均激活ERAB数：</span>
                  <span class="value" id="down_avg"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="name">无线资源利用不足ERAB建立失败：</span>
                  <span class="value" id="erab_num"></span><span class="value">次</span>
                </td>
              </tr>
            </table>
          </div>
        </div>
        <div class="right-info__pfoot">
          <div class="right-info__pcharthead">
            <select id="cell_select">
              <option value="volte">VoLTE话务量(Erl)</option>
              <option value="allup">小区上行流量(MB)</option>
              <option value="alldown">小区下行流量(MB)</option>
            </select>
            <span id="cell_year"></span>
          </div>
          <div class="right-info_pchartfoot" id="chart_line"></div>
        </div>
      </div>
      <div class="right-info" id="expand_plan_info">
        <div class="right-info__ehead">
          <h4 class="right-info__etitle"><span id="region_etitle"></span>逻辑基站利用率分布图</h4>
          <div class="right-info__stationchart" id="chart_station"></div>
        </div>
        <div class="right-info__ebody01">
          <table class="right-info__table">
            <tbody>
              <tr>
                <td>
                  <span>逻辑基站数：</span>
                  <span class="value" id="snum"></span>
                </td>
                <td>
                  <span>小区数：</span>
                  <span class="value" id="cnum"></span>
                </td>
              </tr>
              <tr>
                <td>
                  <span>室内载频数：</span>
                  <span class="value" id="inNum"></span>
                </td>
                <td>
                  <span>室外载频数：</span>
                  <span class="value" id="outNum"></span>
                </td>
              </tr>
              <tr>
                <td colspan="2">
                  <span>建议增加载频数（3/6个月）：</span>
                  <span class="value"><span id="three"></span>/<span id="six"></span></span>
                </td>
              </tr>
              <tr>
                <td colspan="2">
                  <span>建议锁定载频数：</span>
                  <span class="value" id="lock"></span>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="right-info__ebody02">
          <div class="right-info__stationname" id="station_name"></div>
          <div class="right-info__stationinfo">
            <div class="right-info__stationinfo01">
              <div class="stinfo-01_row">
                <span>覆盖类型：</span>
                <span id="cover_type"></span>
              </div>
              <div class="stinfo-01_row">
                <span>基站利用率：</span>
                <span class="value" id="usage"></span>
              </div>
              <div class="stinfo-01_row">
                <span>基站厚度：</span>
                <span class="value" id="network_thickness"></span>
              </div>
              <div class="stinfo-01_row">
                <span>包含小区数：</span>
                <span class="value" id="angle_number"></span>
              </div>
            </div>
            <div class="right-info__stationinfo02">
              <div>
                <div>
                  <span>3/6个月需增加载频数：</span>
                  <span class="value">
                    <span id="three_single"></span>/<span id="six_single"></span>
                  </span>
                </div>
                <div>基站规划建议</div>
                <span class="value" id="title"></span>
                <div class="value" id="prop_three"></div>
                <div class="value" id="prop_six"></div>
                <div class="value" id="prop_minus"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="right-info__efoot">
          <div class="mg-bottom">室外：</div>
          <div class="mg-bottom">
            <span class="small-box mg-right">F1频：<span id="f1"></span></span>
            <span class="small-box">F2频：<span id="f2"></span></span>
          </div>
          <div>
            <span class="small-box mg-right">D1频：<span id="d1"></span></span>
            <span class="small-box mg-right">D2频：<span id="d2"></span></span>
            <span class="small-box">D3频：<span id="d3"></span></span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="./plugin/jQuery/jquery-3.3.1.min.js"></script>
  <script src="./plugin/echarts4/echarts.min.js"></script>
  <script src="./plugin/easeljs/easeljs-0.7.1.min.js"></script>
  <script src="./plugin/leaflet-1.0.3/leaflet.js"></script>
  <script src="./plugin/d3/d3.v3.js"></script>
  <script src="./plugin/leaflet-plugin/leaflet.ChineseTmsProviders.js"></script>
  <script src="./plugin/leaflet-plugin/Leaflet.Coordinates/Leaflet.Coordinates-0.1.5.min.js"></script>
  <script src="./plugin/leaflet-plugin/gLayers.Leaflet-master/L.CanvasLayer.js"></script>
  <script src="./plugin/leaflet-plugin/Leaflet.D3SvgOverlay-2.2/L.D3SvgOverlay.min.js"></script>
  <script src="./js/netUtil.js"></script>
  <script src="./js/mapUtil.js"></script>
  <script src="./js/global.js"></script>
  <script src="./js/yGlobal.js"></script>
  <script src="./js/gis.js"></script>
</body>

</html>